/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#f5f7ff',
          100: '#ebf0fe',
          200: '#d6e0fd',
          300: '#c2d0fc',
          400: '#adbffa',
          500: '#99aff9',
          600: '#7a8cc7',
          700: '#5c6995',
          800: '#3d4663',
          900: '#1f2332',
        },
        reader: {
          paper: '#f8f4e8',
          ink: '#3b3128',
          cream: '#f7f1e3',
          night: '#282c35',
        }
      },
      typography: (theme) => ({
        DEFAULT: {
          css: {
            color: theme('colors.reader.ink'),
            lineHeight: '1.8',
            letterSpacing: '0.01em',
          },
        },
      }),
    },
  },
  plugins: [],
} 